<#include "/common/_itjson_layout.ftl" />
<@itjsonCommonLayout "jsonhighlighted">

<!-- begin主体 -->
    <div class="col-md-5 divclear">
        <textarea id="json-src" name="json-src" onmouseover="this.focus();" class="form-control" rows="30" style="height: 532px; max-height: 532px;" placeholder="在此输入Json字符串或XML字符串...">{
"Json在线解析":"支持格式化后的代码高亮折叠",
"支持和XML的相互转换":"支持XML转换Json,Json转XML格式",
"Json格式验证":"非常详细准确的错误信息展示"
}</textarea>
    </div>
    <div class="col-md-7">
        <div style="padding: 10px; font-size: 16px; border-bottom: solid 1px #ddd;" class="navi">
            <input id="zip" value="压缩/格式化" class="btn btn-success" type="button">
            <input id="xml" value="转XML/Json" class="btn btn-success" type="button">
            <input id="clear" value="清空输入框" class="btn btn-danger" type="button">
            <a class="btn btn-success" href="${www}/">返回首页</a>
        </div>
        <div id="json-target" style="height: 480px; padding: 20px; border-right: solid 1px #ddd;
            border-bottom: solid 1px #ddd; border-radius: 0; resize: none; overflow-y: scroll;
            outline: none;"><span data-type="object"><i style="cursor:pointer;" class="fa fa-minus-square-o" onclick="hide(this)"></i>{<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="json_key">"Json在线解析"</span>:<span class="json_string">"支持格式化后的代码高亮折叠"</span>,<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="json_key">"支持和XML的相互转换"</span>:<span class="json_string">"支持XML转换Json,Json转XML格式"</span>,<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="json_key">"Json格式验证"</span>:<span class="json_string">"非常详细准确的错误信息展示"</span><br>}</span></div>
        <input value="" id="txt-content" name="content" type="hidden">
    </div>
    <h5 style="color: White;">
        Json压缩格式化：</h5>
    <div class="accordion">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="list-group-item list-group-item-warning" data-toggle="collapse" href="#demo1">
                     在线Json高亮解析工具-Json格式化校验</a>
            </div>
            <div id="demo1" class="in collapse bs-docs-demoexample">
                <h5>
                    1,在线Json字符串压缩、格式化解析验证</h5>
                <h5>
                    2,支持XML转换Json,Json转XML格式</h5>
                <h5>
                    3,支持格式化后的Json代码高亮折叠显示</h5>
                <h5>
                    4,提供非常详细准确的错误信息展示</h5>
                <h5>
                    5,方便快捷的左右视图查看方式,从此看Json字符串再也不用费心了</h5>
            </div>
        </div>
    </div>
   

	<!-- 需要的JS在_itjson_layout.ftl中 -->



</@itjsonCommonLayout>